body,
html {
    --card-body-bgcolor: var(--card-body-bgcolor);
    --red-color: var(--status-del);
    --blue-color:var(--url-color);
    --answer-right: var(--status-yes);
     /* --default-color: hsla(0, 0%, 100%, 0.8);
    --default-color-level-2: hsla(0, 0%, 100%, 0.6);
    --default-bgcolor: #111822;
    --url-color: #1d69da;
    --status-yes: #28c09e;
    --status-no: #db4747;
    --gray-bg: hsla(0, 0%, 100%, 0.04);
    --blue-color: #1d69da;
    --main-color: hsla(0, 0%, 100%, 0.8);
    --table-color: hsla(0, 0%, 100%, 0.6);
    --table-th-bg: hsla(0, 0%, 100%, 0.04);
    --table-th-color: #fff;
    --border-color: hsla(0, 0%, 100%, 0.12);
    --form-item-bg: hsla(0, 0%, 100%, 0.05);
    --form-item-border-color: hsla(0, 0%, 100%, 0.1);
    --form-item-hover-border-color: hsla(0, 0%, 100%, 0.2);
    --form-item-color: #fff;
    --form-item-placeholder-color: rgba(255, 255, 255, 0.4);
    --card-body-bgcolor: #202a39;
    --card-body-bgcolor-1: #2c3747;
    --blue-color-1: #307ced;
    --red-color: #db4747;
    --white-color-1: rgba(255, 255, 255, 0.1);
    --white-color-2: rgba(255, 255, 255, 0.2);
    --white-color-4: rgba(255, 255, 255, 0.4);
    --white-color-5: rgba(255, 255, 255, 0.5);
    --white-color-6: rgba(255, 255, 255, 0.6);
    --white-color-8: rgba(255, 255, 255, 0.8);
    --green-color: #28c09e;
    --table-th-bgcolor: hsla(0, 0%, 100%, 0.04);
    --table-th-color: rgba(255, 255, 255, 0.8);
    --table-tr-color: hsla(0, 0%, 100%, 0.6);
    --table-tr-bgcolor: transparent;
    --table-tr-hover-color: rgba(255, 255, 255, 0.12);
    --table-border: rgba(255, 255, 255, 0.12); */
    /* --table-border-left-color: #111822; */
    --table-fixed-background: #202a39;
    --table-box-fixed-background: #2c3747;
    padding: 0;
    margin: 0;
    width: 100%;
    min-width: 1100px;
    height: 100%;
    font-family: Avenir, Helvetica, Arial, sans-serif;
    /* background-color: rgb(244, 247, 255); */
    background-color: var(--default-bgcolor);
    color: var(--default-color);
}

#app {
    width: 100%;
    height: 100%;
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
ul,
ol {
    list-style: none;
}
*[disabled] {
    cursor: not-allowed;
}
a {
    color: var(--url-color);
}
a:hover {
    color: var(--url-color);
}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-thumb {
    /*滚动条里面小方块样式*/
    /* border-radius: 5px; */
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(209, 209, 209, 0.6);
}
::-webkit-scrollbar-track {
    /*滚动条里面轨道样式*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    /* border-radius: 5px; */
    background: rgba(179, 179, 179, 0.1);
}

.ivu-table-body.ivu-table-overflowX::-webkit-scrollbar {
    height: 6px;
}
